
.table-1 > .ant-spin-nested-loading {
  height: 100%;
  > .ant-spin-container{
    height: 100%;
  }
}
.ad-body-table .ant-spin-nested-loading{
  height: 100%;
  .ant-spin-container{
    display: flex;
    flex-direction: column;
    height: 100%;
    .ant-table{
      flex: 1;
      height: 0px;
      .ant-table-container{
        height: 100%;
        /* .ant-table-body{
          height: 100%;
        } */
      }
    }
  }
}  
.ant-pagination {
  height: auto;
  margin-top: 32px !important;
  margin-bottom: 0 !important;
  /* padding: 0; */ 
}

/* 海关编码选择框样式 - 防止长文本导致布局问题 */
.custom-select .ant-select-selector {
  border-radius: 8px !important;
  border: 2px solid #e8e8e8 !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

.custom-select .ant-select-selector .ant-select-selection-item {
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.custom-select .ant-select-selector .ant-select-selection-placeholder {
  text-align: left !important;
}

.custom-select .ant-select-selector:hover {
  border-color: #40a9ff !important;
  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15) !important;
}

.custom-select.ant-select-focused .ant-select-selector {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

/* 下拉选项样式 */
.custom-select .ant-select-dropdown .ant-select-item-option-content {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 水印容器样式 */
.watermark-container {
  position: relative;
  overflow: hidden;
}

/* 水印层样式 */
.table-watermark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  overflow: hidden;
  /* 添加微妙的背景纹理，增强水印效果 */
  /* background-image: 
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 300px,
      rgba(24, 144, 255, 0.02) 300px,
      rgba(24, 144, 255, 0.02) 600px
    ); */
}

/* 水印文本样式 */
.watermark-text {
  position: absolute;
  font-size: 30px; /* 从14px调大到24px */
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  font-weight: 400;
  color: rgba(128, 128, 128, 0.15);
  transform: rotate(-15deg);
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  letter-spacing: 1px;
  /* 添加文本阴影，增强可读性 */
  text-shadow: 0 0 1px rgba(128, 128, 128, 0.1);
  /* 防止文本被复制 */
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .watermark-text {
    font-size: 18px; /* 从12px调大到20px */
    transform: rotate(-12deg);
  }
}

@media (max-width: 480px) {
  .watermark-text {
    font-size: 16px; /* 从12px调大到18px */
    transform: rotate(-10deg);
  }
}

/* 确保水印不影响表格滚动 */
.watermark-container .ant-table-wrapper {
  position: relative;
  z-index: 1;
}

/* 当表格为空时隐藏水印 */
.watermark-container:empty .table-watermark {
  display: none;
}

/* 打印时的水印样式 */
@media print {
  .table-watermark {
    background-image: none;
  }
  
  .watermark-text {
    color: rgba(0, 0, 0, 0.1) !important;
    font-size: 12px !important;
  }
}


/* 详细产品名称列样式 - 简化版本 */
.product-name-cell {
  max-height: 80px; /* 限制最大高度约4行 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* 最多显示4行 */
  -webkit-box-orient: vertical;
  line-height: 1.4;
  word-break: break-word;
}

/* 表格单元格样式调整 */
.ant-table-tbody > tr > td {
  vertical-align: top;
}

/* 悬停时的样式 */
/* .product-name-cell:hover {
  background-color: rgba(24, 144, 255, 0.05);
  border-radius: 4px;
  padding: 6px 4px;
  margin: -2px -4px;
} */

/* 表格行样式调整 */
.ant-table-tbody > tr {
  /* 让表格行有一个合理的最小高度 */
  min-height: 48px;
}

.ant-table-tbody > tr > td {
  vertical-align: top;
  /* 让单元格内容能够充分利用空间 */
  height: auto;
  padding: 8px 16px;
}

/* 限制为4行左右的高度 */
.ant-table-tbody > tr > td:has(.product-name-cell) {
  max-height: 80px; /* 约4行文本的高度 (line-height 1.4 * 14px * 4 ≈ 78px) */
  overflow: hidden;
}

/* 当内容超出最大高度时显示渐变遮罩效果 */
/* .product-name-cell::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.8));
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
} */

/* 当内容溢出时显示渐变遮罩 */
.product-name-cell:hover::after {
  opacity: 1;
}
